@import '../../../styles/common.less';
.mine{
   max-width: 1200px;
   margin:0 auto; 
    .position-img{
        position: absolute;
        right:66px;
    }
    padding-top:40px;
    // 左边点击模块
    .mine-left{
        min-height:698px;
        padding:0;
        min-width:260px;
        .mine-nav{
            z-index:992;
            min-height:698px;
            border: none;
            background: #fff;
            padding: 0;
            li{
                z-index: 999;
                float:none;
                text-align: center;
                list-style: none;
                height:64px;
                line-height: 64px;
                &.activeInfo{
                    background: #E9EBF7;
                }
                a{
                    text-decoration: none;
                    font-size: @PSize;
                    color: @englishColor;
                    letter-spacing: @letterP;
                }
            }
        }
    }
    .mine-right{
      max-width:900px;
      float: right;
      padding:54px 66px 0 40px;
      overflow: hidden;
      background: #fff;
      // margin-left:25px;
      // width:900px;
      min-height:698px;
      .inp-text{
        margin:56px 0 15px 0;
        label{
            font-family: @font-Regular;             
            font-size: @medium-font;
            color: @kidsColor;
            letter-spacing: @letterP;
            line-height: @PSize;
          }
        }
        .inputText{
          font-size: @PSize;
          color: @teacherCOlor;
          letter-spacing: @letterTitle;
          line-height: @PSize;
          line-height:20px;
          border: none;
          border-bottom:1p solid #d8d8d8;
          margin-left:10px;
          vertical-align: middle;
        }
        .border-sel{
          display: inline-block;
          border-bottom:1px solid #D8D8D8;
          margin-right:20px;
          min-width:120px;
          position: relative;
            span{
              width:0;
              height:0;
              border-width:7px 4px 0;
              border-style:solid;
              border-color:#082746 transparent transparent;/*灰 透明 透明 */
              position:absolute;
              right:8px;
              bottom:12px;
            }
          }
        .inp-border{
          float:left;
          border-bottom:1px solid #d8d8d8;
          width:140px;
        }
        select::-ms-expand { display: none; }
        .intBorder{
          padding: 0;
          margin:0;
          float:left;
          border: none;
          outline: none;
          appearance:none;   
          -moz-appearance:none;   
          -webkit-appearance:none; 
          -ms-appearance:none;
          -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
          background-color: #fff;
          font-family: @font-Regular;
          font-size: 18px;
          color: #082746;
          letter-spacing: 0.24px;
          line-height: 28px;
          padding-right:26px;
         
        }
        select{
            background: url("../../../images/icon/select.png") no-repeat scroll right center transparent;          
            min-width:120px;
        }
    }
    .modal-content{
        // position: absolute;
        // left: 0;
        // top:0;
        // right: 0;
        // bottom:0;
        // margin: auto;
        .close{
            margin:20px 20px 0 0;
            
        }
        .paswordclose{
            color: #BBBBBB;
            position: absolute;
            right: 0;
            z-index: 1999;

        }
        .content-center{
            padding:5%;
        }
    }
    .tel-title{
        font-family: @font-Regular;
        font-size: @medium-font;
        color: @kidsColor;
        letter-spacing: @letterP;
        line-height: @medium-font;
        .p-text{
            font-size: 18px;
            color: @teacherCOlor;
            letter-spacing: @letterTitle;
            line-height: 18px;
            margin:20px 0 60px 0;
        }
    }
    .btn-float{
        float:right;
        color:@telColor;
        font-family: @font-Regular;
        font-size: @medium-font;
        color: @telColor;
        letter-spacing: 0;
        background: #FFFFFF;
        border: 1px solid #ADB8FF;
        border-radius: 4px;
        outline: none;
        &:hover{
            background: #F3F5FE;
        }
        &:active{
            background: #E8EBFC;
            outline: none;
        }
    }
    .modal-content{
        min-width:520px;
    }
    .modal-content-l{
        min-width:520px;
        padding-left:60px;
        background: #fff;
        margin:0;
        h4{
            font-family: @font-Regular;
            font-size: 28px;
            color: #22292C;
            letter-spacing: 0.29px;
            line-height: 28px;
            text-align: center;
            margin:20px 0 40px 0;
            padding-right:60px;
        }
    }
}



